<style scoped>
	.description_head1{
		padding-left: 30px;
	}
	.big_description_span{
		width: 3px;
		height: 18px;
		background: #2D8CF0;
		display: inline-block;
		position: relative;
		top: 4px;
		margin-right: 5px;
	}
	.big_description_span1{
		font-size: 17px;
		font-weight: 700;
	}
	.search_recruit{
		margin-top: 25px;
		height: 54px;
		padding: 10px 10px;
		background: #F0F0F0;
		margin-left: 30px;
		width: 92%;
	}
	.recruit_but{
		width: 64px;
	}
	.big_recruit{
		height: 620px;
		width: 100%;
		padding: 0px 30px;
		margin-top: 25px;
		
	}
	.recruit_li{
		height: 120px;
		width: 100%;
		border-top: 1px dashed #2DB7F5;;
		border-bottom: 1px dashed #2DB7F5;
	}
	.recruit_li_pos:hover{
		cursor: pointer;
	}
	.recruit_li_pos{
		font-size: 20px;
		color: #2DB7F5;
		margin-top: 12px;
	}
	.recruit_li_cho{
		margin-top: 6px;
	}
	.recruit_li_money{
		color: orange;
		font-size: 18px;
	}
	.recruit_li_adress{
		font-size: 17px;
		color: #2DB7F5;
	}
	.recruit_li_edu{
		font-size: 17px;
	}
	.recruit_li_worktime{
		font-size: 17px;
	}
	.recruit_li_foot{
		color: #999999;
		margin-top: 6px;
		font-size: 14px;
	}
	.recruit_li_button{
		float: right;
	}
	.recruit_li_page{
		margin-top: 25px;
		text-align: center;
	}
</style>
<template>
    <div class="recruit">
    	<div class="description_head1">
    		<span class="big_description_span"></span>
    		<span class="big_description_span1">招聘职位 <span style="color: #ddd;">( 共{{recruit_num}}个 ) </span></span>
    	</div>
    	<div class="search_recruit">
    		<Select v-model="model1" style="width:115px;margin-right: 10px;" placeholder="工作地点" >
		        <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
		    </Select>
		    <Select v-model="model1" style="width:140px;margin-right: 10px;" placeholder="所属部门">
		        <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
		    </Select>
		    <Select v-model="model1" style="width:240px;margin-right: 10px;" placeholder="职位名称">
		        <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
		    </Select>
		    <Button type="primary" class="recruit_but">搜索</Button>
    	</div>
    	
    	<div class="big_recruit">
    		<div class="recruit_li" v-for="(item, index) in recruitList"  :key="index">
    		    <div class="recruit_li_pos">{{item.positione}}</div>
		    	<div class="recruit_li_cho">
		    		<span  class="recruit_li_money">{{item.money}}万  &nbsp;&nbsp;|&nbsp;&nbsp;</span>
		    		<span class="recruit_li_adress">{{item.adress}}&nbsp;&nbsp;|&nbsp;&nbsp;</span>
		    		<span class="recruit_li_edu">{{item.edu}}&nbsp;&nbsp;|&nbsp;&nbsp;</span>
		    		<span class="recruit_li_worktime">{{item.worktime}}</span>
		    		<Button type="primary" class="recruit_li_button">立即应聘</Button>
		    	</div>
    		    <div class="recruit_li_foot">
    		    	<span>{{item.hours}}小时前 &nbsp;&nbsp;|&nbsp;&nbsp;</span>投递后{{item.day}}个工作日内反馈
    		    </div>
    		</div>
    		<div class="recruit_li_page">
    			<Page :total="100" show-sizer />
    		</div>
    	</div>
    </div>
</template>
<script>
	export default {
    	name: 'Recruit',
        data () {
            return {
            	recruitList:[
            	    {positione:"总监",recruit_num:100,money:"5-7",adress:"上海-松江区",edu:"大专及以上",worktime:"一年以上",hours:9,day:1},
            	    {positione:"总监",recruit_num:100,money:"5-7",adress:"上海-松江区",edu:"大专及以上",worktime:"一年以上",hours:9,day:1},
            	    {positione:"总监",recruit_num:100,money:"5-7",adress:"上海-松江区",edu:"大专及以上",worktime:"一年以上",hours:9,day:1},
            	    {positione:"总监",recruit_num:100,money:"5-7",adress:"上海-松江区",edu:"大专及以上",worktime:"一年以上",hours:9,day:1},
            	    {positione:"总监",recruit_num:100,money:"5-7",adress:"上海-松江区",edu:"大专及以上",worktime:"一年以上",hours:9,day:1}
            	]
            }
        },
        methods: {
    	}
    }
</script>
